﻿@page
@model IndexModel
@{
    ViewData["Title"] = "Home page";
}
    
<div class="text-center">
    <h2>Live Sentiment</h2>
    
    <p><textarea id="Message" cols="45" placeholder="Type any text like a short review"></textarea></p>
    
    <div class="sentiment">
        <h4>Your sentiment is...</h4>
        <p>😡 😐 😍</p>
    
        <div class="marker">
            <div id="markerPosition" style="left: 45%;">
                <div>▲</div>
                <label id="markerValue">Neutral</label>
            </div>
        </div>
    </div>
</div>    